<template>
  <div class="evidence-wrapper">
    <div class="evidence-wrap">
      <div class="evidence-content">
        <!-- <div class="evidence-body">

        </div> -->
        <el-tabs type="border-card" @tab-click="handleClick">
          <el-tab-pane label="复审证据"  @tab-click="handleClick">
            <div class="evidence-body">
              <el-form
                ref="form"
                :model="form"
                label-width="164px"
              >
                <div class="evidence-filter">
                  <div class="evidence-filter-title">检索表达式</div>
                  <div class="evidence-filter-tips">
                    <LegalPaneExpression :expression-res="expressionResFS" @expressionChange="expressionStr" />
                  </div>
                  <div class="evidence-filter-params">
                    <div class="evidence-filter-params-t">
                      <div class="evidence-filter-params-label">证据名称</div>
                      <el-autocomplete
                        v-model="state"
                        :fetch-suggestions="querySearchAsync"
                        placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                        @select="handleSelect"
                      />
                      <el-button
                        size="medium"
                        type="primary"
                      >
                        <i class="fa fa-search" />检索
                      </el-button>
                    </div>
                  </div>
                </div>
                <div class="evidence-main">
                  <el-row :gutter="24">
                    <el-col :span="10">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll11}]"
                            @click="onExpand('expandAll11','evidenceStageRefFS,evidenceUseEvidenceRefFS')"
                          >{{ expandAll11?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据提交方：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="checkListF" @change="evidenceF">
                                <el-checkbox label="请求人">请求人</el-checkbox>
                                <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                                <el-checkbox label="会议组">会议组</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否证明本申请优先权：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawRadioF" @change="evidenceF">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否涉及优先权的争议 ：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawYXRadioF" @change="evidenceF">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidence3RadioF" @change="evidenceF">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                                <el-checkbox label="未发表意见">未发表意见</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据归属地：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidenceSpaceRadioF" @change="evidenceF">
                                <el-checkbox label="国内">国内</el-checkbox>
                                <el-checkbox label="国外、港澳台地区">国外、港澳台地区</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '98px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceUseEvidenceRefFS"
                                  :props="props"
                                  :data="evidenceUseEvidence"
                                  node-key="id"
                                  show-checkbox
                                  @check="handleCheckChangeEvidenceUseFS"
                                />
                              </el-card>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据阶段：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '130px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceStageRefFS"
                                  :props="props"
                                  node-key="id"
                                  :data="evidenceStage"
                                  show-checkbox
                                  @check="handleCheckChangeEvidenceFS"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="6">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据分类 </span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll12}]"
                            @click="onExpand('expandAll12','lawStyleViewDataRefFS')"
                          >{{ expandAll12?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="lawStyleViewDataRefFS"
                                  :props="props"
                                  :data="lawStyleViewData"
                                  node-key="id"
                                  show-checkbox
                                  @check="handleNodeClickLawStyleViewF"
                                >
                                  <span class="span-ellipsis" slot-scope="{ node, data }">
                                    <el-tooltip class="item" effect="dark" :content="node.label" placement="top-start">
                                        <span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 250px;max-width: 150px;display: block;">{{ node.label }}</span>
                                    </el-tooltip>
                                  </span>
                                </el-tree>
                                <!--  -->

                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据目的</span><span
                            :class="['evidence-main-title-r',{'is-active':expandAll13}]"
                            @click="onExpand('expandAll13','purposeEvidenceRefFS')"
                          >{{ expandAll13?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  class="treeCheckbox"
                                  ref="purposeEvidenceRefFS"
                                  :props="props"
                                  :data="purposeEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleCheckChangePurposeEvidenceFS"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="16">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="form.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="form.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="form.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="form.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="form.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <el-form-item class="evidence-submit-btn">
                  <el-button type="primary" @click="_buildSearch"><i class="fa fa-search" />检索</el-button>
                  <el-button @click="clearAllSerachData('clearAllF')"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
                </el-form-item>

              </el-form>
            </div>
          </el-tab-pane>
          <el-tab-pane label="无效证据" @tab-click="handleClick">
            <div class="evidence-body">
              <el-form
                ref="form"
                :model="form"
                label-width="164px"
              >

                <div class="evidence-filter">
                  <div class="evidence-filter-title">检索表达式</div>
                  <div class="evidence-filter-tips">
                    <LegalPaneExpression :expression-res="expressionResWX" @expressionChange="expressionStrWX" />
                  </div>
                  <div class="evidence-filter-params">
                    <div class="evidence-filter-params-t">
                      <div class="evidence-filter-params-label">证据名称</div>
                      <el-autocomplete
                        v-model="state"
                        :fetch-suggestions="querySearchAsync"
                        placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                        @select="handleSelect"
                      />
                      <el-button
                        size="medium"
                        type="primary"
                      >
                        <i class="fa fa-search" />检索
                      </el-button>
                    </div>
                  </div>
                </div>
                <div class="evidence-main">
                  <el-row :gutter="25">
                    <el-col :span="7">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll13}]"
                            @click="onExpand('expandAll13','evidenceStageRefWX,evidenceUseEvidenceRefWX')"
                          >{{ expandAll13?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据提交方：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="checkListWX" @change="evidenceWX">
                                <el-checkbox label="请求人">请求人</el-checkbox>
                                <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                                <el-checkbox label="会议组">会议组</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否证明本申请优先权：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawRadioWX" @change="evidenceWX">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否涉及优先权的争议 ：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawYXRadioWX" @change="evidenceWX">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidence3RadioWX" @change="evidenceWX">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                                <el-checkbox label="未发表意见">未发表意见</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据归属地：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidenceSpaceRadioWX" @change="evidenceWX">
                                <el-checkbox label="国内">国内</el-checkbox>
                                <el-checkbox label="国外、港澳台地区">国外、港澳台地区</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '98px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceUseEvidenceRefWX"
                                  :props="props"
                                  :data="evidenceUseEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleCheckChangeEvidenceUseWX"
                                />
                              </el-card>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据阶段：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '130px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceStageRefWX"
                                  :props="props"
                                  :data="evidenceUseEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleCheckChangeEvidenceWX"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>

                    <!-- DLJ MODIFY START -->
                    <el-col :span="7">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据三性认定结论</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll14}]"
                            @click="onExpand('expandAll14','evidenceThreeReultListRefWX')"
                          >{{ expandAll14?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceThreeReultListRefWX"
                                  :props="props"
                                  :data="evidenceThreeReultList"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangeEvidenceListWX"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <!-- DLJ MODIFY END -->

                    <el-col :span="5">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据分类</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll15}]"
                            @click="onExpand('expandAll15','lawStyleViewDataRefWX')"
                          >{{ expandAll15?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="lawStyleViewDataRefWX"
                                  :props="props"
                                  :data="lawStyleViewData"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleNodeClickLawStyleViewW"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="5">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据目的</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll16}]"
                            @click="onExpand('expandAll16','purposeEvidenceRefWX')"
                          >{{ expandAll16?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  class="treeCheckbox"
                                  ref="purposeEvidenceRefWX"
                                  :props="props"
                                  :data="purposeEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check-change="handleChangePurposeEvidenceWX"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="formW.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="formW.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="formW.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="formW.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="formW.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <el-form-item class="evidence-submit-btn">
                  <el-button type="primary" @click="_buildSearch" ><i class="fa fa-search" />检索</el-button>
                  <el-button @click="clearAllSerachData('clearAllW')"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
                </el-form-item>

              </el-form>
            </div>
          </el-tab-pane>
          <el-tab-pane label="外观证据">
            <div class="evidence-body">
              <el-form
                ref="form"
                :model="form"
                label-width="164px"
              >

                <div class="evidence-filter">
                  <div class="evidence-filter-title">检索表达式</div>
                  <div class="evidence-filter-tips">
                    <LegalPaneExpression :expression-res="expressionResWG" @expressionChange="expressionStrWG" />
                  </div>
                  <div class="evidence-filter-params">
                    <div class="evidence-filter-params-t">
                      <div class="evidence-filter-params-label">证据名称</div>
                      <el-autocomplete
                        v-model="state"
                        :fetch-suggestions="querySearchAsync"
                        placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                        @select="handleSelect"
                      />
                      <el-button
                        size="medium"
                        type="primary"
                      >
                        <i class="fa fa-search" />检索
                      </el-button>
                    </div>
                  </div>
                </div>
                <div class="evidence-main">
                  <el-row :gutter="24">
                    <el-col :span="10">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll17}]"
                            @click="onExpand('expandAll17','evidenceUseEvidenceRefWG,evidenceStageWgzjRef')"
                          >{{ expandAll17?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                          <!-- <span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span> -->
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据提交方：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="checkListWG" @change="evidenceWG">
                                <el-checkbox label="请求人">请求人</el-checkbox>
                                <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                                <el-checkbox label="会议组">会议组</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否证明本申请优先权：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawRadioWG" @change="evidenceWG">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否涉及优先权的争议 ：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawYXRadioWG" @change="evidenceWG">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidence3RadioWG" @change="evidenceWG">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                                <el-checkbox label="未发表意见">未发表意见</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据归属地：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidenceSpaceRadioWG" @change="evidenceWG">
                                <el-checkbox label="国内">国内</el-checkbox>
                                <el-checkbox label="国外、港澳台地区">国外、港澳台地区</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '98px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceUseEvidenceRefWG"
                                  :props="props"
                                  :data="evidenceUseEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleCheckChangeEvidenceUseWG"
                                />
                              </el-card>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据提出阶段：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '130px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceStageWgzjRef"
                                  :props="props"
                                  :data="evidenceStageWgzj"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangEevidenceStageWgzj"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="7">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据三性认定结论</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll18}]"
                            @click="onExpand('expandAll18','evidenceThreeReultListRefWG')"
                          >{{ expandAll18?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceThreeReultListRefWG"
                                  :props="props"
                                  :data="evidenceThreeReultList"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangeEvidenceListWG"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="7">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据目的</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll19}]"
                            @click="onExpand('expandAll19','purposeEvidenceRefWG')"
                          >{{ expandAll19?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  class="treeCheckbox"
                                  ref="purposeEvidenceRefWG"
                                  :props="props"
                                  :data="purposeEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangePurposeEvidenceWG"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="formWG.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="formWG.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="formWG.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="formWG.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="formWG.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <el-form-item class="evidence-submit-btn">
                  <el-button type="primary" @click="_buildSearch"><i class="fa fa-search" />检索</el-button>
                  <el-button @click="clearAllSerachData('clearAllWG')"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
                </el-form-item>

              </el-form>
            </div>
          </el-tab-pane>
          <el-tab-pane label="司法判决证据" @tab-click="handleClick">
            <div class="evidence-body">
              <el-form
                ref="form"
                :model="form"
                label-width="164px"
              >

                <div class="evidence-filter">
                  <div class="evidence-filter-title">检索表达式</div>
                  <div class="evidence-filter-tips">
                    <LegalPaneExpression :expression-res="expressionResSF" @expressionChange="expressionStrSF" />
                  </div>
                  <div class="evidence-filter-params">
                    <div class="evidence-filter-params-t">
                      <div class="evidence-filter-params-label">证据名称</div>
                      <el-autocomplete
                        v-model="state"
                        :fetch-suggestions="querySearchAsync"
                        placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                        @select="handleSelect"
                      />
                      <el-button
                        size="medium"
                        type="primary"
                      >
                        <i class="fa fa-search" />检索
                      </el-button>
                    </div>
                  </div>
                </div>
                <div class="evidence-main">
                  <el-row :gutter="24">
                    <el-col :span="10">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll20}]"
                            @click="onExpand('expandAll20','evidenceUseEvidenceRefSF,evidenceThreeReultListRefSF')"
                          >{{ expandAll20?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据提交方：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="checkListSF" @change="evidenceSF">
                                <el-checkbox label="原告/上诉人/申诉人">原告/上诉人/申诉人</el-checkbox>
                                <el-checkbox label="法院依职权引入">法院依职权引入</el-checkbox>
                                <el-checkbox label="被告/被上诉人/被申诉人">被告/被上诉人/被申诉人</el-checkbox>
                                <el-checkbox label="第三人">第三人</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否涉及译文准确性：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="isReadWordTrueSF" @change="evidenceSF">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">是否涉及优先权的争议 ：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="lawAndUnlawYXRadioSF" @change="evidenceSF">
                                <el-checkbox label="是">是</el-checkbox>
                                <el-checkbox label="否">否</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label">证据归属地：</div>
                            <div class="evidence-main-form-item-con">
                              <el-checkbox-group v-model="evidenceSpaceRadioSF" @change="evidenceSF">
                                <el-checkbox label="国内">国内</el-checkbox>
                                <el-checkbox label="国外、港澳台地区">国外、港澳台地区</el-checkbox>
                              </el-checkbox-group>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '98px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="evidenceUseEvidenceRefSF"
                                  :props="props"
                                  :data="evidenceUseEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleCheckChangeEvidenceUseSF"
                                />
                              </el-card>
                            </div>
                          </div>
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-label evidence-nofloat">证据三性认定结论：</div>
                            <div class="evidence-main-form-item-conner">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '130px', overflow: 'auto' }"
                              >

                                <el-tree
                                  ref="evidenceThreeReultListRefSF"
                                  :props="props"
                                  :data="evidenceThreeReult"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangeEvidenceListSF"
                                />
                                <!--data  evidenceThreeReult -->
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="6">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据分类</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll21}]"
                            @click="onExpand('expandAll21','lawStyleViewDataRefSF')"
                          >{{ expandAll21?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  ref="lawStyleViewDataRefSF"
                                  :props="props"
                                  :data="lawStyleViewData"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleNodeClickLawStyleViewSF"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                    <el-col :span="8">
                      <div class="evidence-main-item">
                        <div class="evidence-main-title">
                          <span class="evidence-main-title-l">证据目的</span>
                          <span
                            :class="['evidence-main-title-r',{'is-active':expandAll22}]"
                            @click="onExpand('expandAll22','purposeEvidenceRefSF')"
                          >{{ expandAll22?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                        </div>
                        <div class="evidence-main-form">
                          <div class="evidence-main-form-item">
                            <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                              <el-card
                                class="legal-pane__card"
                                shadow="never"
                                :body-style="{ height: '482px', overflow: 'auto' }"
                              >
                                <el-tree
                                  class="treeCheckbox"
                                  ref="purposeEvidenceRefSF"
                                  :props="props"
                                  :data="purposeEvidence"
                                  show-checkbox
                                  node-key="id"
                                  @check="handleChangePurposeEvidenceSF"
                                />
                              </el-card>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-col>
                  </el-row>
                </div>
                <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="formSF.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="formSF.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="formSF.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="formSF.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="formSF.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <el-form-item class="evidence-submit-btn">
                  <el-button
                    type="primary"
                    @click="_buildSearch"
                  ><i class="fa fa-search" />检索</el-button>
                  <el-button @click="clearAllSerachData('clearAllSF')"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
                </el-form-item>
              </el-form>
            </div>
          </el-tab-pane>
        </el-tabs>

      </div>
    </div>
  </div>
</template>
<script>
// whm增加事件开始
import LegalPaneExpression from '@components/common/legal-pane-expression'
import { buildSearch, getZmmdTree } from '@api/fastSerach'

export default {
  // whm增加事件开始
  components: { LegalPaneExpression },
  props: {
    paneName: {
      type: String,
      default: 'fushen'
    }
  },
  // whm增加事件结束
  data() {
    return {
      // 搜索
      restaurants: [],
      currPaneName:'fushen',
      state: '',
      timeout: null,

      // DLJ MODIFY START
      isReadWordTrue: '', // 是否涉及译文准确性
      useEvidenceRef: '', // [证据使用情况（证据检索-司法判决）]REF
      evidenceUseEvidenceRef: '', // [证据使用情况（证据检索-复审,证据检索-无效,证据检索-外观）]REF
      evidenceUseEvidenceWxzjRef: '', // [证据阶段（证据检索-无效）]REF
      lawStyleViewDataRef: '', // [证据分类]REF
      evidenceThreeReultListRef: '', // [证据三性认定结论]REF
      purposeEvidenceRef: '', // [证据目的]REF
      evidenceStageWgzjRef: '', // [证据目的]REF

      // DLJ MODIFY END
      // 树状图
      props: {
        label: 'label',
        children: 'children'
      },
      data: [{
        label: '一级 1',
        children: [{
          label: '二级 1-1',
          children: [{
            label: '三级 1-1-1'
          }]
        }]
      }, {
        label: '一级 2',
        children: [{
          label: '二级 2-1',
          children: [{
            label: '三级 2-1-1'
          }]
        }, {
          label: '二级 2-2',
          children: [{
            label: '三级 2-2-1'
          }]
        }]
      }, {
        label: '一级 3',
        children: [{
          label: '二级 3-1',
          children: [{
            label: '三级 3-1-1'
          }]
        }, {
          label: '二级 3-2',
          children: [{
            label: '三级 3-2-1'
          }]
        }]
      },
      {
        label: '一级 4',
        children: [{
          label: '二级 4-1',
          children: [{
            label: '三级 4-1-1'
          }]
        }, {
          label: '二级 4-2',
          children: [{
            label: '三级 4-2-1'
          }]
        }]
      }, {
        label: '一级 5',
        children: [{
          label: '二级 5-1',
          children: [{
            label: '三级 5-1-1'
          }]
        }, {
          label: '二级 5-2',
          children: [{
            label: '三级 5-2-1'
          }]
        }]
      }],
      count: 1,

      // DLJ MODIFY START
      evidenceStageInvalid:
   [
     {
       'id': '1',
       'label': '授权阶段',
       'children': [
         {
           'id': '11',
           'label': '国际检索报告【当PCT申请为是】'
         },
         {
           'id': '12',
           'label': '检索报告'
         },
         {
           'id': '13',
           'label': '实质审查通知书'
         },
         {
           'id': '14',
           'label': '答复审查通知书【选择条件】'
         }
       ]
     },
     {
       'id': '2',
       'label': '无效阶段',
       'children': [
         {
           'id': '21',
           'label': '复审委员会',
           'children': [
             {
               'id': '211',
               'label': '无效审查意见通知书'
             },
             {
               'id': '212',
               'label': '口头审理过程中'
             },
             {
               'id': '213',
               'label': '无效决定'
             },
             {
               'id': '214',
               'label': '其他'
             }
           ]
         },
         {
           'id': '22',
           'label': '专利权人',
           'children': [
             {
               'id': '221',
               'label': '答复受理通知书'
             },
             {
               'id': '222',
               'label': '答复转送文件通知书'
             },
             {
               'id': '223',
               'label': '口头审理过程中'
             },
             {
               'id': '224',
               'label': '口头审理后'
             },
             {
               'id': '225',
               'label': '其他'
             },
             {
               'id': '226',
               'label': '整个无效过程'
             }
           ]
         },
         {
           'id': '23',
           'label': '请求人',
           'children': [
             {
               'id': '231',
               'label': '请求人提出无效请求'
             },
             {
               'id': '232',
               'label': '一个月内补充意见'
             },
             {
               'id': '233',
               'label': '答复转送文件通知书'
             },
             {
               'id': '234',
               'label': '口头审理过程中'
             },
             {
               'id': '235',
               'label': '口头审理后'
             },
             {
               'id': '236',
               'label': '其他'
             },
             {
               'id': '237',
               'label': '整个无效过程'
             }
           ]
         }
       ]
     }
   ],
      evidenceStage:
    [
      {
        'id': '1',
        'label': '国际检索报告'
      },
      {
        'id': '2',
        'label': '检索报告'
      },
      {
        'id': '3',
        'label': '实质审查通知书'
      },
      {
        'id': '4',
        'label': '答复审查通知书'
      },
      {
        'id': '5',
        'label': '驳回决定',
        'children': [
          {
            'id': '51',
            'label': '决定理由'
          },
          {
            'id': '52',
            'label': '其他说明'
          }
        ]
      },
      {
        'id': '6',
        'label': '请求人提出复审请求'
      },
      {
        'id': '7',
        'label': '前置审查意见'
      },
      {
        'id': '8',
        'label': '复审通知书'
      },
      {
        'id': '9',
        'label': '答复复审通知书'
      },
      {
        'id': '10',
        'label': '复审决定'
      }
    ],
      evidenceThreeReult:
    [
      {
        'id': '1',
        'label': '真实性是否成立',
        'children': [
          {
            'id': '11',
            'label': '是'
          },
          {
            'id': '12',
            'label': '否'
          }
        ]
      },
      {
        'id': '2',
        'label': '公开性是否成立',
        'children': [
          {
            'id': '21',
            'label': '是'
          },
          {
            'id': '22',
            'label': '否'
          }
        ]
      },
      {
        'id': '3',
        'label': '关联性是否成立',
        'children': [
          {
            'id': '31',
            'label': '是'
          },
          {
            'id': '32',
            'label': '否'
          }
        ]
      }
    ],
      evidenceThreeReultList:
    [
      {
        'id': '1',
        'label': '真实性',
        'children': [
          {
            'id': '11',
            'label': '是否成立',
            'children': [
              {
                'id': '111',
                'label': '是'
              },
              {
                'id': '112',
                'label': '否'
              }
            ]
          },
          {
            'id': '12',
            'label': '有无异议',
            'children': [
              {
                'id': '121',
                'label': '有'
              },
              {
                'id': '122',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '2',
        'label': '公开性',
        'children': [
          {
            'id': '21',
            'label': '是否成立',
            'children': [
              {
                'id': '211',
                'label': '是'
              },
              {
                'id': '212',
                'label': '否'
              }
            ]
          },
          {
            'id': '22',
            'label': '有无异议',
            'children': [
              {
                'id': '221',
                'label': '有'
              },
              {
                'id': '222',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '3',
        'label': '关联性',
        'children': [
          {
            'id': '31',
            'label': '是否成立',
            'children': [
              {
                'id': '311',
                'label': '是'
              },
              {
                'id': '312',
                'label': '否'
              }
            ]
          },
          {
            'id': '32',
            'label': '有无异议',
            'children': [
              {
                'id': '321',
                'label': '有'
              },
              {
                'id': '322',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '4',
        'label': '未认定三性直接评述实体内容',
        'children': [
          {
            'id': '41',
            'label': '是'
          },
          {
            'id': '42',
            'label': '否'
          }
        ]
      },
      {
        'id': '5',
        'label': '认定证据',
        'children': [
          {
            'id': '51',
            'label': '提交或出示原件或视同原件的文件'
          },
          {
            'id': '52',
            'label': '公证认证'
          },
          {
            'id': '53',
            'label': '当庭演示网络检索过程'
          },
          {
            'id': '54',
            'label': '提交反证'
          },
          {
            'id': '55',
            'label': '利害关系'
          },
          {
            'id': '56',
            'label': '其他'
          }
        ]
      }
    ],
      evidenceUseEvidence:
    [
      {
        'id': '1',
        'label': '决定理由部分提及',
        'children': [
          {
            'id': '11',
            'label': '能使用'
          },
          {
            'id': '12',
            'label': '不能使用'
          }
        ]
      },
      {
        'id': '2',
        'label': '决定理由部分未提及',
        'children': [
          {
            'id': '21',
            'label': '复通部分提及'
          },
          {
            'id': '22',
            'label': '复通部分未提及'
          }
        ]
      },
      {
        'id': '3',
        'label': '当事人放弃',
        'children': [
          {
            'id': '31',
            'label': '全部'
          },
          {
            'id': '32',
            'label': '部分'
          }
        ]
      }
    ],
      evidenceUseEvidenceWxzj:
[
  {
    'id': '1',
    'label': '授权阶段',
    'children': [
      {
        'id': '11',
        'label': '国际检索报告',
        'children': [
          {
            'id': '112',
            'label': '当PCT申请为是'
          }
        ]
      },
      {
        'id': '12',
        'label': '检索报告'
      },
      {
        'id': '13',
        'label': '实质审查通知书'
      },
      {
        'id': '14',
        'label': '答复审查通知书',
        'children': [
          {
            'id': '141',
            'label': '选择条件'
          }
        ]
      }
    ]
  },
  {
    'id': '2',
    'label': '无效阶段',
    'children': [
      {
        'id': '21',
        'label': '复审委员会',
        'children': [
          {
            'id': '211',
            'label': '无效审查意见通知书'
          },
          {
            'id': '212',
            'label': '口头审理过程中'
          },
          {
            'id': '213',
            'label': '无效决定'
          },
          {
            'id': '214',
            'label': '其他'
          }
        ]
      },
      {
        'id': '22',
        'label': '专利权人',
        'children': [
          {
            'id': '221',
            'label': '答复受理通知书'
          },
          {
            'id': '222',
            'label': '答复转送文件通知书'
          },
          {
            'id': '223',
            'label': '口头审理过程中'
          },
          {
            'id': '224',
            'label': '口头审理后'
          },
          {
            'id': '225',
            'label': '其他'
          },
          {
            'id': '226',
            'label': '整个无效过程'
          }
        ]
      },
      {
        'id': '23',
        'label': '请求人',
        'children': [
          {
            'id': '231',
            'label': '请求人提出无效请求'
          },
          {
            'id': '232',
            'label': '一个月内补充意见'
          },
          {
            'id': '233',
            'label': '答复转送文件通知书'
          },
          {
            'id': '234',
            'label': '口头审理过程中'
          },
          {
            'id': '235',
            'label': '口头审理后'
          },
          {
            'id': '236',
            'label': '其他'
          },
          {
            'id': '237',
            'label': '整个无效过程'
          }
        ]
      }
    ]
  }
],
      useEvidence:
    [
      {
        'id': '1',
        'label': '本院认为/庭审质证部分提及',
        'children': [
          {
            'id': '11',
            'label': '能使用'
          },
          {
            'id': '12',
            'label': '不能使用'
          }
        ]
      },
      {
        'id': '2',
        'label': '本院认为/庭审质证部分未提及'
      },
      {
        'id': '3',
        'label': '当事人放弃'
      }
    ],
      purposeEvidence:[],
      // [
      //   {
      //     'id': '1',
      //     'label': '专利法',
      //     disabled: true,
      //     'children': [
      //       {
      //         'id': '11',
      //         'label': 'A2.2'
      //       },
      //       {
      //         'id': '12',
      //         'label': 'A5'
      //       },
      //       {
      //         'id': '13',
      //         'label': 'A9'
      //       },
      //       {
      //         'id': '14',
      //         'label': 'A20.1'
      //       },
      //       {
      //         'id': '15',
      //         'label': 'A22.2'
      //       },
      //       {
      //         'id': '16',
      //         'label': 'A22.3'
      //       },
      //       {
      //         'id': '17',
      //         'label': 'A22.4'
      //       },
      //       {
      //         'id': '18',
      //         'label': 'A22.5'
      //       },
      //       {
      //         'id': '19',
      //         'label': 'A25'
      //       },
      //       {
      //         'id': '20',
      //         'label': 'A26.3'
      //       },
      //       {
      //         'id': '21',
      //         'label': '清楚A26.4'
      //       },
      //       {
      //         'id': '22',
      //         'label': '支持A26.4'
      //       },
      //       {
      //         'id': '23',
      //         'label': 'A26.5'
      //       },
      //       {
      //         'id': '24',
      //         'label': 'A31.1'
      //       },
      //       {
      //         'id': '25',
      //         'label': 'A33'
      //       },
      //       {
      //         'id': '26',
      //         'label': 'A2.3'
      //       },
      //       {
      //         'id': '27',
      //         'label': 'A18'
      //       },
      //       {
      //         'id': '28',
      //         'label': 'A19.1'
      //       },
      //       {
      //         'id': '29',
      //         'label': 'A29'
      //       },
      //       {
      //         'id': '30',
      //         'label': 'A38'
      //       },
      //       {
      //         'id': '31',
      //         'label': '其他'
      //       }
      //     ]
      //   },
      //   {
      //     'id': '4',
      //     'label': '专利法实施细则',
      //     disabled: true,
      //     'children': [
      //       {
      //         'id': '41',
      //         'label': 'R20.2'
      //       },
      //       {
      //         'id': '42',
      //         'label': 'R43.1'
      //       },
      //       {
      //         'id': '43',
      //         'label': 'R2.1'
      //       },
      //       {
      //         'id': '44',
      //         'label': 'R20.1'
      //       },
      //       {
      //         'id': '45',
      //         'label': 'R21.2'
      //       },
      //       {
      //         'id': '46',
      //         'label': 'R60.1'
      //       },
      //       {
      //         'id': '47',
      //         'label': 'R61.1'
      //       },
      //       {
      //         'id': '48',
      //         'label': 'R16'
      //       },
      //       {
      //         'id': '49',
      //         'label': 'R23'
      //       },
      //       {
      //         'id': '50',
      //         'label': 'R26.2'
      //       },
      //       {
      //         'id': '51',
      //         'label': 'R65'
      //       },
      //       {
      //         'id': '52',
      //         'label': 'R66'
      //       },
      //       {
      //         'id': '53',
      //         'label': 'R67'
      //       },
      //       {
      //         'id': '54',
      //         'label': '其他'
      //       }
      //     ]
      //   }
      // ],
      evidenceStageWgzj:
[
  {
    'id': '21',
    'label': '复审委员会',
    'children': [
      {
        'id': '211',
        'label': '无效审查意见通知书'
      },
      {
        'id': '212',
        'label': '口头审理过程中'
      },
      {
        'id': '213',
        'label': '无效决定'
      },
      {
        'id': '214',
        'label': '其他'
      }
    ]
  },
  {
    'id': '22',
    'label': '专利权人',
    'children': [
      {
        'id': '221',
        'label': '答复受理通知书'
      },
      {
        'id': '222',
        'label': '答复转送文件通知书'
      },
      {
        'id': '223',
        'label': '口头审理过程中'
      },
      {
        'id': '224',
        'label': '口头审理后'
      },
      {
        'id': '225',
        'label': '其他'
      },
      {
        'id': '226',
        'label': '整个无效过程'
      }
    ]
  },
  {
    'id': '23',
    'label': '请求人',
    'children': [
      {
        'id': '231',
        'label': '请求人提出无效请求'
      },
      {
        'id': '232',
        'label': '一个月内补充意见'
      },
      {
        'id': '233',
        'label': '答复转送文件通知书'
      },
      {
        'id': '234',
        'label': '口头审理过程中'
      },
      {
        'id': '235',
        'label': '口头审理后'
      },
      {
        'id': '236',
        'label': '其他'
      },
      {
        'id': '237',
        'label': '整个无效过程'
      }
    ]
  }
],
      lawStyleViewData:
      [
        {
          'id': '1',
          'label': '出版物证据',
          'children': [
            {
              'id': '11',
              'label': '专利文献'
            },
            {
              'id': '12',
              'label': '书刊类出版物（带有ISBN、ISSN、国内统一刊号且通过正规渠道出版发行的书籍、期刊和杂志等）'
            },
            {
              'id': '13',
              'label': '产品样本、产品说明书类证据（包括不带有ISBN、ISSN或国内统一刊号的产品目录、产品样本、产品说明书、产品宣传册、产品宣传页等）'
            },
            {
              'id': '14',
              'label': '具有版权标识的出版物'
            },
            {
              'id': '15',
              'label': '国家标准、行业标准、地方标准、企业标准'
            },
            {
              'id': '16',
              'label': '标有“内部发行”、“内部资料”等字样的证据'
            },
            {
              'id': '17',
              'label': '非刊载于1.2、1.4类出版物上的学术论文、专业文献、研制报告、测试报告'
            },
            {
              'id': '18',
              'label': '网络'
            },
            {
              'id': '19',
              'label': '其他'
            }
          ]
        },
        {
          'id': '2',
          'label': '使用公开证据',
          'children': [
            {
              'id': '21',
              'label': '使用公开证据反映内容',
              'children': [
                {
                  'id': '211',
                  'label': '制造'
                },
                {
                  'id': '212',
                  'label': '使用'
                },
                {
                  'id': '213',
                  'label': '销售'
                },
                {
                  'id': '214',
                  'label': '进口'
                },
                {
                  'id': '215',
                  'label': '测试、实验、试用'
                },
                {
                  'id': '216',
                  'label': '广告'
                },
                {
                  'id': '217',
                  'label': '网络'
                },
                {
                  'id': '218',
                  'label': '其他'
                }
              ]
            },
            {
              'id': '22',
              'label': '使用公开证据类型',
              'children': [
                {
                  'id': '221',
                  'label': '发票'
                },
                {
                  'id': '222',
                  'label': '收据'
                },
                {
                  'id': '223',
                  'label': '单据'
                },
                {
                  'id': '224',
                  'label': '合同'
                },
                {
                  'id': '225',
                  'label': '协议'
                },
                {
                  'id': '226',
                  'label': '检测报告'
                },
                {
                  'id': '227',
                  'label': '出库单'
                },
                {
                  'id': '228',
                  'label': '运输单据'
                },
                {
                  'id': '229',
                  'label': '物流单'
                },
                {
                  'id': '230',
                  'label': '报关单'
                },
                {
                  'id': '231',
                  'label': '口头公开（各种会议、企业内部职工的建议、广播或电视节目等）'
                },
                {
                  'id': '232',
                  'label': '展示、展出（技术成果交易会、产品订货会等）'
                },
                {
                  'id': '233',
                  'label': '鉴定（样机/样品鉴定、生产定型鉴定）'
                },
                {
                  'id': '234',
                  'label': '其他'
                }
              ]
            }
          ]
        },
        {
          'id': '3',
          'label': '其他证据',
          'children': [
            {
              'id': '31',
              'label': '实验证据',
              'children': [
                {
                  'id': '311',
                  'label': '单方出具的实验证据'
                },
                {
                  'id': '312',
                  'label': '当事人委托第三方出具的实验证据'
                },
                {
                  'id': '313',
                  'label': '当事人委托鉴定机构出具的实验证据'
                },
                {
                  'id': '314',
                  'label': '合议组委托鉴定机构出具的实验证据'
                },
                {
                  'id': '315',
                  'label': '法院委托鉴定机构出具的实验证据'
                }
              ]
            },
            {
              'id': '32',
              'label': '证人证言',
              'children': [
                {
                  'id': '321',
                  'label': '发明人或申请人'
                },
                {
                  'id': '322',
                  'label': '专家证人'
                },
                {
                  'id': '323',
                  'label': '其他'
                }
              ]
            },
            {
              'id': '33',
              'label': '译文证据'
            },
            {
              'id': '34',
              'label': '公证认证文书'
            },
            {
              'id': '35',
              'label': '判决和庭审笔录、审查文书'
            },
            {
              'id': '36',
              'label': '实用新型和外观检索报告'
            },
            {
              'id': '37',
              'label': '其他'
            }
          ]
        },
        {
          'id': '4',
          'label': '其他'
        }
      ],
      form: {
        lawRoom: '',
        mainStyleNo: '',
        name: '',
        appDate: '',
        date: ''
      },
      formW: {
        lawRoom: '',
        mainStyleNo: '',
        name: '',
        appDate: '',
        date: ''
      },
      formWG: {
        lawRoom: '',
        mainStyleNo: '',
        name: '',
        appDate: '',
        date: ''
      },
      formSF: {
        lawRoom: '',
        mainStyleNo: '',
        name: '',
        appDate: '',
        date: ''
      },
      // DLJ MODIFY END
      expandAll11: false,
      expandAll12: false,
      expandAll13: false,
      expandAll14: false,
      expandAll15: false,
      expandAll16: false,
      expandAll17: false,
      expandAll18: false,
      expandAll19: false,
      expandAll20: false,
      expandAll21: false,
      expandAll22: false,
      // whm开始
      checkList: '', // 证据提交方：
      lawAndUnlawRadio: '', // 是否证明本申请优先权
      lawAndUnlawYXRadio: '', // 是否涉及优先权的争议 
      evidenceStageRef: '', // [证据阶段]REF
      evidenceSpaceRadio: '', // 证据归属地
      evidence3Radio: '', // 证据三性认定结论

      checkListF: [], // 复审证据  证据提交方：
      lawAndUnlawRadioF: [], // 复审证据  是否证明本申请优先权
      lawAndUnlawYXRadioF: [], // 复审证据 是否涉及优先权的争议 
      evidenceSpaceRadioF: [], // 复审证据  证据归属地
      evidence3RadioF: [], // 复审证据 证据三性认定结论

      checkListWX: [], // 无效证据  证据提交方：
      lawAndUnlawRadioWX: [], // 无效证据  是否证明本申请优先权
      lawAndUnlawYXRadioWX: [], // 无效证据 是否涉及优先权的争议 
      evidenceSpaceRadioWX: [], // 无效证据  证据归属地
      evidence3RadioWX: [], // 无效证据 证据三性认定结论

      checkListSF: [], // 司法判决证据  证据提交方：
      lawAndUnlawYXRadioSF: [], // 司法判决证据 是否涉及优先权的争议 
      evidenceSpaceRadioSF: [], // 司法判决证据  证据归属地
      isReadWordTrueSF: [], // 司法判决证据  // 司法判决证据  证据归属地

      checkListWG: [], // 外观证据  证据提交方：
      lawAndUnlawRadioWG: [], // 外观证据  是否证明本申请优先权
      lawAndUnlawYXRadioWG: [], // 外观证据 是否涉及优先权的争议 
      evidenceSpaceRadioWG: [], // 外观证据  证据归属地
      evidence3RadioWG: [], // 外观证据 证据三性认定结论

      lawStyleViewStrFS: '', // 复审证据--- 证据分类
      PurposeEvidenceStrFS: '', // 复审证据--- 证据目的
      EvidenceStrFS: '', // 复审证据--- 证据阶段
      evidenceUseEvidenceSTRFS: '', // 复审证据--- 证据使用情况
      evidenceCheckStrF: '', // 复审证据--- 证据

      lawStyleViewStrWX: '', // 无效证据--- 证据分类
      EvidenceStrWX: '', // 无效证据--- 证据阶段
      evidenceUseEvidenceSTRWX: '', // 无效证据--- 证据使用情况
      purposeEvidenceSTRWX: '', // 无效证据--- 证据目的
      evidenceThreeReultListSTRWX: '', // 无效证据--- 证据三性认定结论
      evidenceCheckStrWX: '', // 无效证据--- 证据

      EevidenceStageSTRWgzj: '', // 外观证据--- 证据提出阶段
      evidenceUseEvidenceSTRWG: '', // 外观证据--- 证据使用情况
      purposeEvidenceSTRWG: '', // 外观证据--- 证据目的
      evidenceThreeReultListSTRWG: '', // 外观证据--- 证据三性认定结论
      evidenceCheckStrWG: '', // 外观证据--- 证据

      lawStyleViewStrSF: '', // 司法判决证据--- 证据分类
      evidenceUseEvidenceSTRSF: '', // 司法判决证据--- 证据使用情况
      purposeEvidenceSTRSF: '', // 司法判决证据--- 证据目的
      evidenceThreeReultListSTRSF: '', // 司法判决证据--- 证据三性认定结论
      evidenceCheckStrSF: '', // 司法判决证据--- 证据

      searchDataTextF: '', // 复审证据--- 输入框表达式
      searchDataTextW: '', // 无效证据--- 输入框表达式
      searchDataTextWG: '', // 外观证据--- 输入框表达式
      searchDataTextSF: '', // 司法判决证据--- 输入框表达式

      editExpressionStrFS: null, // 编辑之后的内容
      editExpressionStrWX: null, // 编辑之后的内容
      editExpressionStrWG: null, // 编辑之后的内容
      editExpressionStrSF: null, // 编辑之后的内容
      EvidenceTreeRes: '',
      EvidenceTreeResResult3: '',
      expressionStrResultFS: null, // 复审证据--- 取最终表达式
      expressionStrResultWX: null, // 无效证据--- 取最终表达式
      expressionStrResultWG: null, // 外观证据---取最终表达式
      expressionStrResultSF: null// 司法判决证据--- 取最终表达式
      // whm结束
    }
  },
  computed: {
    expressionResFS() {
      console.log('复审证据-----', this.searchDataTextF)
      const searchDataTextF = this.searchDataTextF.replace(/( and )$/, '')
      const EvidenceStrFS = searchDataTextF ? this.EvidenceStrFS : this.EvidenceStrFS.replace(/(^ and)||(^and)/, '')
      const lawStyleViewStrFS = searchDataTextF || EvidenceStrFS ? this.lawStyleViewStrFS : this.lawStyleViewStrFS.replace(/(^ and)||(^and)/, '')
      const PurposeEvidenceStrFS = searchDataTextF || EvidenceStrFS || lawStyleViewStrFS ? this.PurposeEvidenceStrFS : this.PurposeEvidenceStrFS.replace(/(^ and)||(^and)/, '')
      const evidenceUseEvidenceSTRFS = searchDataTextF || EvidenceStrFS || lawStyleViewStrFS || PurposeEvidenceStrFS ? this.evidenceUseEvidenceSTRFS : this.evidenceUseEvidenceSTRFS.replace(/(^ and)||(^and)/, '')
      const evidenceCheckStrF = searchDataTextF || EvidenceStrFS || lawStyleViewStrFS || PurposeEvidenceStrFS || evidenceUseEvidenceSTRFS ? this.evidenceCheckStrF : this.evidenceCheckStrF.replace(/(^ and)||(^and)/, '')

      const resStr = `${searchDataTextF} ${EvidenceStrFS} ${lawStyleViewStrFS} ${PurposeEvidenceStrFS} ${evidenceUseEvidenceSTRFS} ${evidenceCheckStrF}`
      let result = ''
      if (this.editExpressionStrFS !== null && this.editExpressionStrFS.isShow) {
        this.clearAllSerachData('clearAllF')
        result = this.editExpressionStrFS.val
        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
        this.editExpressionStrFS.isShow = false
      } else {
        result = resStr
      }
      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
      this.expressionStrResultFS = result
      return result
    },
    expressionResWX() {
      const searchDataTextW = this.searchDataTextW.replace(/( and )$/, '')
      const evidenceCheckStrWX = searchDataTextW ? this.evidenceCheckStrWX : this.evidenceCheckStrWX.replace(/(^ and)||(^and)/, '')
      const lawStyleViewStrWX = searchDataTextW || evidenceCheckStrWX ? this.lawStyleViewStrWX : this.lawStyleViewStrWX.replace(/(^ and)||(^and)/, '')
      const evidenceThreeReultListSTRWX = searchDataTextW || evidenceCheckStrWX || lawStyleViewStrWX ? this.evidenceThreeReultListSTRWX : this.evidenceThreeReultListSTRWX.replace(/(^ and)||(^and)/, '')
      const evidenceUseEvidenceSTRWX = searchDataTextW || evidenceCheckStrWX || lawStyleViewStrWX || evidenceThreeReultListSTRWX ? this.evidenceUseEvidenceSTRWX : this.evidenceUseEvidenceSTRWX.replace(/(^ and)||(^and)/, '')
      const purposeEvidenceSTRWX = searchDataTextW || evidenceCheckStrWX || lawStyleViewStrWX || evidenceThreeReultListSTRWX || evidenceUseEvidenceSTRWX ? this.purposeEvidenceSTRWX : this.purposeEvidenceSTRWX.replace(/(^ and)||(^and)/, '')
      const EvidenceStrWX = searchDataTextW || evidenceCheckStrWX || lawStyleViewStrWX || evidenceThreeReultListSTRWX || evidenceUseEvidenceSTRWX || purposeEvidenceSTRWX ? this.EvidenceStrWX : this.EvidenceStrWX.replace(/(^ and)||(^and)/, '')

      const resStr = `${searchDataTextW} ${evidenceCheckStrWX} ${lawStyleViewStrWX} ${evidenceThreeReultListSTRWX} ${evidenceUseEvidenceSTRWX} ${purposeEvidenceSTRWX} ${EvidenceStrWX}`
      let result = ''
      if (this.editExpressionStrWX !== null && this.editExpressionStrWX.isShow) {
        this.clearAllSerachData('clearAllW')
        result = this.editExpressionStrWX.val
        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
        this.editExpressionStrWX.isShow = false
      } else {
        result = resStr
      }
      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
      this.expressionStrResultWX = result

      return result
    },
    expressionResWG() {
      const searchDataTextWG = this.searchDataTextWG.replace(/( and )$/, '')
      const evidenceCheckStrWG = searchDataTextWG ? this.evidenceCheckStrWG : this.evidenceCheckStrWG.replace(/(^ and)||(^and)/, '')
      const evidenceUseEvidenceSTRWG = searchDataTextWG || evidenceCheckStrWG ? this.evidenceUseEvidenceSTRWG : this.evidenceUseEvidenceSTRWG.replace(/(^ and)||(^and)/, '')
      const EevidenceStageSTRWgzj = searchDataTextWG || evidenceCheckStrWG || evidenceUseEvidenceSTRWG ? this.EevidenceStageSTRWgzj : this.EevidenceStageSTRWgzj.replace(/(^ and)||(^and)/, '')
      const purposeEvidenceSTRWG = searchDataTextWG || evidenceCheckStrWG || evidenceUseEvidenceSTRWG || EevidenceStageSTRWgzj ? this.purposeEvidenceSTRWG : this.purposeEvidenceSTRWG.replace(/(^ and)||(^and)/, '')
      const evidenceThreeReultListSTRWG = searchDataTextWG || evidenceCheckStrWG || evidenceUseEvidenceSTRWG || EevidenceStageSTRWgzj || purposeEvidenceSTRWG ? this.evidenceThreeReultListSTRWG : this.evidenceThreeReultListSTRWG.replace(/(^ and)||(^and)/, '')
      const resStr = `${searchDataTextWG} ${evidenceCheckStrWG} ${evidenceUseEvidenceSTRWG} ${EevidenceStageSTRWgzj} ${purposeEvidenceSTRWG} ${evidenceThreeReultListSTRWG}`
      let result = ''
      if (this.editExpressionStrWG !== null && this.editExpressionStrWG.isShow) {
        this.clearAllSerachData('clearAllWG')
        result = this.editExpressionStrWG.val
        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
        this.editExpressionStrWG.isShow = false
      } else {
        result = resStr
      }
      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
      this.expressionStrResultWG = result

      return result
    },
    expressionResSF() {
      const searchDataTextSF = this.searchDataTextSF.replace(/( and )$/, '')
      const evidenceCheckStrSF = searchDataTextSF ? this.evidenceCheckStrSF : this.evidenceCheckStrSF.replace(/(^ and)||(^and)/, '')
      const lawStyleViewStrSF = searchDataTextSF || evidenceCheckStrSF ? this.lawStyleViewStrSF : this.lawStyleViewStrSF.replace(/(^ and)||(^and)/, '')
      const evidenceUseEvidenceSTRSF = searchDataTextSF || evidenceCheckStrSF || lawStyleViewStrSF ? this.evidenceUseEvidenceSTRSF : this.evidenceUseEvidenceSTRSF.replace(/(^ and)||(^and)/, '')
      const purposeEvidenceSTRSF = searchDataTextSF || evidenceCheckStrSF || lawStyleViewStrSF || evidenceUseEvidenceSTRSF ? this.purposeEvidenceSTRSF : this.purposeEvidenceSTRSF.replace(/(^ and)||(^and)/, '')
      const evidenceThreeReultListSTRSF = searchDataTextSF || evidenceCheckStrSF || lawStyleViewStrSF || evidenceUseEvidenceSTRSF || purposeEvidenceSTRSF ? this.evidenceThreeReultListSTRSF : this.evidenceThreeReultListSTRSF.replace(/(^ and)||(^and)/, '')
      const resStr = `${searchDataTextSF} ${evidenceCheckStrSF} ${lawStyleViewStrSF} ${evidenceUseEvidenceSTRSF} ${purposeEvidenceSTRSF}${evidenceThreeReultListSTRSF}`
      let result = ''
      if (this.editExpressionStrSF !== null && this.editExpressionStrSF.isShow) {
        this.clearAllSerachData('clearAllSF')
        result = this.editExpressionStrSF.val
        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
        this.editExpressionStrSF.isShow = false
      } else {
        result = resStr
      }
      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
      this.expressionStrResultSF = result
      return result
    }
  },
  watch: {
    // 复审证据   著录项
    form: {
      handler: function(val, olVal) {
        this.searchChangeF(this.form, 'searchDataTextF')
        console.log('我变化了', val, olVal)// 但是val和olVal值一样
      },
      deep: true
    }, // 无效证据    著录项
    formW: {
      handler: function(val, olVal) {
        this.searchChangeF(this.formW, 'searchDataTextW')
        console.log('我变化了', val, olVal)// 但是val和olVal值一样
      },
      deep: true
    }, // 外观证据     著录项
    formWG: {
      handler: function(val, olVal) {
        this.searchChangeF(this.formWG, 'searchDataTextWG')
        console.log('我变化了', val, olVal)// 但是val和olVal值一样
      },
      deep: true
    }, // 司法判决证据   著录项
    formSF: {
      handler: function(val, olVal) {
        this.searchChangeF(this.formSF, 'searchDataTextSF')
        console.log('我变化了', val, olVal)// 但是val和olVal值一样
      },
      deep: true
    }
  },
  mounted() {
      this.restaurants = this.loadAll()
  },
  created() {
      this._getZmmdTree("fushen");     // DLJ APPEND 20210905获取证据证明目的结构
  },
  methods: {
    // 节点展开
    onExpand(expandAll, tree) {
      this[expandAll] = !this[expandAll]
      // 改变每个节点的状态
      const treeArr = tree.split(',')
      console.log(treeArr)
      treeArr.forEach((item) => {
        this.changeTreeNodeStatus(expandAll, this.$refs[item].store.root)
      })
    },
    /*
       * 1. 功能说明：获取证据证明目的结构
       * 2. 参数说明
       *    paneName：界面页签的英文名称
       */
    async _getZmmdTree(tabName) {
      console.log(`-------------- _getZmmdTree START ---------------------`)

      const { code, data } = await getZmmdTree({ 'dataSource': tabName }) /* 获取专利法树形结构 */
      console.log(data)
      console.log(code)
      if (code == 200) {
          this.purposeEvidence = data;
      }      
      console.log(`-------------- _getZmmdTree END ---------------------`)
    },
    /*
       * 1. 功能说明：清除全部检索条件
       */
    clearAllSerachData(val) {
      console.log('---------------------- clearAllSerachData START ----------------------')
      if (val === 'clearAllF') {
        console.log('clearAllF')
        this.lawAndUnlawRadioF = [] // 重置:[是否证明本申请优先权]
        this.lawAndUnlawYXRadioF = [] // 重置:[复审证据 --- 是否涉及优先权的争议 ]
        this.evidenceSpaceRadioF = [] // 重置:[复审证据 --- 证据归属地]
        this.evidence3RadioF = [] // 重置:[复审证据 --- 证据三性认定结论]
        this.checkListF = [] // 重置:[复审证据 --- 证据提交方]

        this.$nextTick(() => {
          console.log('lawStyleViewDataRefFS---------', this.$refs.lawStyleViewDataRefFS)
          console.log('evidenceUseEvidenceRefFS---------', this.$refs.evidenceUseEvidenceRefFS)
          this.$refs.lawStyleViewDataRefFS.setCheckedKeys([]) ;// 重置:[复审证据-证据分类]
          this.$refs.purposeEvidenceRefFS.setCheckedKeys([]); // 重置:[复审证据-证据目的]
          this.$refs.evidenceStageRefFS.setCheckedKeys([]) ;// 重置:[复审证据-证据阶段]
          this.$refs.evidenceUseEvidenceRefFS.setCheckedKeys([]); // 重置:[复审证据-证据使用情况]
        })

        this.lawStyleViewStrFS = ''//  重置:[复审证据--- 证据分类表达式]
        this.PurposeEvidenceStrFS = ''//  重置:[复审证据--- 证据目的表达式]
        this.EvidenceStrFS = ''// 重置:[复审证据--- 证据阶段表达式]
        this.evidenceUseEvidenceSTRFS = ''// 重置:[复审证据--- 证据使用情况表达式]
        this.evidenceCheckStrF = ''// 重置:[复审证据--- 证据复选框单选框表达式]

        /* 复审证据    著录项 */
        this.form.mainStyleNo = '' // 重置:[主分类号]
        this.form.lawRoom = '' // 重置:[案源处室]
        this.form.date = '' // 重置:[决定日]
        this.form.appDate = '' // 重置:[申请日]
        this.form.name = '' // 重置:[全文关键字]
      }// 无效证据-
      if (val === 'clearAllW') {
        console.log('clearAllW')

        this.lawAndUnlawRadioWX = [] // 重置:[是否证明本申请优先权]
        this.lawAndUnlawYXRadioWX = [] // 重置:[无效证据 --- 是否涉及优先权的争议 ]
        this.evidenceSpaceRadioWX = [] // 重置:[无效证据 --- 证据归属地]
        this.evidence3RadioWX = [] // 重置:[无效证据 --- 证据三性认定结论]
        this.checkListWX = [] // 重置:[无效证据 --- 证据提交方]

        this.$nextTick(() => {
          this.$refs.lawStyleViewDataRefWX.setCheckedKeys([]) // 重置:[证据分类]
          this.$refs.purposeEvidenceRefWX.setCheckedKeys([]) // 重置:[证据的证明目]
          this.$refs.evidenceUseEvidenceRefWX.setCheckedKeys([]) // 重置:[证据使用情况]
          this.$refs.evidenceStageRefWX.setCheckedKeys([]) // 重置:[证据阶段]
          this.$refs.evidenceThreeReultListRefWX.setCheckedKeys([]) // 重置:[证据三性认定结论]
        })

        this.lawStyleViewStrWX = ''//  重置:[证据分类表达式]
        this.evidenceThreeReultListSTRWX = ''// 重置:[证据三性认定结论表达式]
        this.EvidenceStrWX = ''//  重置:[证据阶段表达式]
        this.evidenceUseEvidenceSTRWX = ''// 重置:[证据使用情况表达式]
        this.purposeEvidenceSTRWX = ''// 重置:[证据目的表达式]
        this.evidenceCheckStrWX = ''// 重置:[证据表达式]

        /* 无效证据    著录项 */
        this.formW.mainStyleNo = '' // 重置:[主分类号]
        this.formW.lawRoom = '' // 重置:[案源处室]
        this.formW.date = '' // 重置:[决定日]
        this.formW.appDate = '' // 重置:[申请日]
        this.formW.name = '' // 重置:[全文关键字]
      }// 外观证据---
      if (val === 'clearAllWG') {
        console.log('clearAllWG')

        this.lawAndUnlawRadioWG = [] // 重置:[是否证明本申请优先权]
        this.lawAndUnlawYXRadioWG = [] // 重置:[外观证据 --- 是否涉及优先权的争议 ]
        this.evidenceSpaceRadioWG = [] // 重置:[外观证据 --- 证据归属地]
        this.evidence3RadioWG = [] // 重置:[外观证据 --- 证据三性认定结论]
        this.checkListWG = [] // 重置:[外观证据 --- 证据提交方]

        this.evidenceUseEvidenceSTRWG = ''// 重置:[ 证据使用情况表达式]
        this.EevidenceStageSTRWgzj = ''// 重置:[ 证据提出阶段表达式]
        this.purposeEvidenceSTRWG = ''// 重置:[ 证据目的表达式]
        this.evidenceThreeReultListSTRWG = ''// 重置:[证据三性认定结论表达式 ]
        this.evidenceCheckStrWG = ''// 重置:[证据表达式]
        /* 外观证据    著录项 */
        this.formWG.mainStyleNo = '' // 重置:[主分类号]
        this.formWG.lawRoom = '' // 重置:[案源处室]
        this.formWG.date = '' // 重置:[决定日]
        this.formWG.appDate = '' // 重置:[申请日]
        this.formWG.name = '' // 重置:[全文关键字]

        this.$nextTick(() => {
          this.$refs.purposeEvidenceRefWG.setCheckedKeys([]) // 重置:[证据的证明目]
          this.$refs.evidenceUseEvidenceRefWG.setCheckedKeys([]) // 重置:[证据使用情况]
          this.$refs.evidenceStageWgzjRef.setCheckedKeys([]) // 重置:[证据阶段]
          this.$refs.evidenceThreeReultListRefWG.setCheckedKeys([]) // 重置:[证据三性认定结论]
        })
      }// 司法判决证据-
      if (val === 'clearAllSF') {
        console.log('clearAllSF')
        this.lawAndUnlawYXRadioSF = [] // 重置:[外观证据 --- 是否涉及优先权的争议 ]
        this.evidenceSpaceRadioSF = [] // 重置:[外观证据 --- 证据归属地]
        this.checkListSF = [] // 重置:[外观证据 --- 证据提交方]
        this.isReadWordTrueSF = [] // 重置:[是否涉及到译文准确性]

        this.$nextTick(() => {
          this.$refs.lawStyleViewDataRefSF.setCheckedKeys([]) // 重置:[证据分类]
          this.$refs.evidenceUseEvidenceRefSF.setCheckedKeys([]) // 重置:[证据使用情况]
          this.$refs.purposeEvidenceRefSF.setCheckedKeys([]) // 重置:[证据的证明目]
          this.$refs.evidenceThreeReultListRefSF.setCheckedKeys([]) // 重置:[证据三性认定结论]
        })

        this.lawStyleViewStrSF = ''//  重置:[证据分类表达式]
        this.evidenceUseEvidenceSTRSF = ''// 重置:[证据使用情况表达式]
        this.purposeEvidenceSTRSF = ''// 重置:[证据的证明目表达式]
        this.evidenceThreeReultListSTRSF = ''// 重置:[证据三性认定结论表达式]
        this.evidenceCheckStrSF = ''// 重置:[证据表达式]

        /* 司法判决证据    著录项 */
        this.formSF.mainStyleNo = '' // 重置:[主分类号]
        this.formSF.lawRoom = '' // 重置:[案源处室]
        this.formSF.date = '' // 重置:[决定日]
        this.formSF.appDate = '' // 重置:[申请日]
        this.formSF.name = '' // 重置:[全文关键字]
      }
      /* 证据相关 */
      this.state = '' // 重置:[证据名称]
      console.log('---------------------- clearAllSerachData END ----------------------')
    },
    // 改变节点的状态
    changeTreeNodeStatus(expandAll, node) {
      node.expanded = this[expandAll]
      for (let i = 0; i < node.childNodes.length; i++) {
        // 改变节点的自身expanded状态
        node.childNodes[i].expanded = this[expandAll]
        // 遍历子节点
        if (node.childNodes[i].childNodes.length > 0) {
          this.changeTreeNodeStatus(expandAll, node.childNodes[i])
        }
      }
    },
    // 搜索提示
    loadAll() {
      return [
        { value: '申请号', address: '4' },
        {
          value: '主分类号',
          address: '2'
        }
      ]
    },
    querySearchAsync(queryString, cb) {
      var restaurants = this.restaurants
      var results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants

      clearTimeout(this.timeout)
      this.timeout = setTimeout(() => {
        cb(results)
      }, 3000 * Math.random())
    },
    createStateFilter(queryString) {
      return (state) => {
        return (
          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
        )
      }
    },
    handleSelect(item) {
      console.log(item)
    },
    // 复审证据    编辑修改内容
    expressionStr(val) {
      console.log('---编辑修改内容---------', val)
      this.editExpressionStrFS = val
    },
    // 无效证据    编辑修改内容
    expressionStrWX(val) {
      console.log('---编辑修改内容---------', val)
      this.editExpressionStrWX = val
    },
    // 外观证据   编辑修改内容
    expressionStrWG(val) {
      console.log('---编辑修改内容---------', val)
      this.editExpressionStrWG = val
    },
    // 司法判决证据 编辑修改内容
    expressionStrSF(val) {
      console.log('---编辑修改内容---------', val)
      this.editExpressionStrSF = val
    },
    // 复选框--单选框
    checkedChange(dataTree) {
      let strData = ''
      const checkedText = {
        checkList: '证据提交方',
        lawAndUnlawRadio: '是否证明本申请优先权',
        lawAndUnlawYXRadio: '是否涉及优先权的争议 ',
        evidence3Radio: '证据三性认定结论',
        evidenceSpaceRadio: '证据归属地',
        isReadWordTrue: '是否涉及译文准确性'
      }
      // const radioObj = {
      //   lawAndUnlawRadio: ['否', '是'],
      //   lawAndUnlawYXRadio: ['否', '是'],
      //   isReadWordTrue: ['否', '是'],
      //   evidence3Radio: ['否', '是', '未发表意见'],
      //   evidenceSpaceRadio: ['国外、港澳台地区', '国内']
      // }
      for (const key in dataTree) {
        let dataTreeStr = ''
        if (Array.isArray(dataTree[key])) {
          if (dataTree[key].length !== 0) {
            let result = ''
            dataTree[key].forEach((item, idx) => {
              result += "'" + item + "',"
            })
            result = result.substring(0, result.length - 1)
            dataTreeStr += ` and ${checkedText[key]}=${result}`
            strData += dataTreeStr
          }
        } else {
          if (dataTree[key] !== '') {
            let res = ''
            res += "'" + radioObj[key][dataTree[key]] + "',"
            res = res.substring(0, res.length - 1)
            dataTreeStr += ` and ${checkedText[key]}=${res}`
            strData += dataTreeStr
          }
        }
      }
      return strData
    }, // 复审证据
    evidenceF(val) {
      this.evidenceCheckStrF = ''
      const evidenceFData = {
        checkList: this.checkListF,
        lawAndUnlawRadio: this.lawAndUnlawRadioF,
        lawAndUnlawYXRadio: this.lawAndUnlawYXRadioF,
        evidence3Radio: this.evidence3RadioF,
        evidenceSpaceRadio: this.evidenceSpaceRadioF
      }
      const dataStr = this.checkedChange(evidenceFData)
      this.evidenceCheckStrF = dataStr
      console.log('----aa复审证据-------------', this.evidenceCheckStrF)
    }, // 无效证据
    evidenceWX(val) {
      this.evidenceCheckStrWX = ''
      const evidenceFData = {
        checkList: this.checkListWX,
        lawAndUnlawRadio: this.lawAndUnlawRadioWX,
        lawAndUnlawYXRadio: this.lawAndUnlawYXRadioWX,
        evidence3Radio: this.evidence3RadioWX,
        evidenceSpaceRadio: this.evidenceSpaceRadioWX
      }
      const dataStr = this.checkedChange(evidenceFData)
      this.evidenceCheckStrWX = dataStr

      console.log('----无效证据-------------', this.evidenceCheckStrWX)
    },
    // 外观证据
    evidenceWG() {
      this.evidenceCheckStrWG = ''
      const evidenceFData = {
        checkList: this.checkListWG,
        lawAndUnlawRadio: this.lawAndUnlawRadioWG,
        lawAndUnlawYXRadio: this.lawAndUnlawYXRadioWG,
        evidence3Radio: this.evidence3RadioWG,
        evidenceSpaceRadio: this.evidenceSpaceRadioWG
      }
      const dataStr = this.checkedChange(evidenceFData)
      this.evidenceCheckStrWG = dataStr
      console.log('----aa-------------', this.evidenceCheckStrWG)
    },
    // 司法判决证据
    evidenceSF() {
      this.evidenceCheckStrSF = ''
      const evidenceFData = {
        checkList: this.checkListSF,
        lawAndUnlawYXRadio: this.lawAndUnlawYXRadioSF,
        evidenceSpaceRadio: this.evidenceSpaceRadioSF,
        isReadWordTrue: this.isReadWordTrueSF
      }
      const dataStr = this.checkedChange(evidenceFData)
      this.evidenceCheckStrSF = dataStr
      console.log('----aa-------------', this.evidenceCheckStrSF)
    },
    // 树形数据处理
    treeFilter(allTreeChecked, name) {
      // 所有子节点
      allTreeChecked = allTreeChecked.filter((item) => {
        if (item['children'] === undefined || item['children'].length === 0) {
          return item
        }
      })
      // 表达式
      let resultChecked = ''
      allTreeChecked.forEach((item) => {
        resultChecked += "'" + item.label + "',"
      })
      resultChecked = resultChecked ? ` and ${name} = ${resultChecked.replace(/\,$/, '')}` : ''
      return resultChecked
    },
    // 复审证据  证据使用情况
    handleCheckChangeEvidenceUseFS(data, item) {
      // const allTreeChecked = this.$refs.evidenceUseEvidenceRefFS.getCheckedNodes()
      // this.evidenceUseEvidenceSTRFS = this.treeFilter(allTreeChecked, '证据使用情况')
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys];  // modify by dlj
      this.appendLabel(this.evidenceUseEvidence, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.evidenceUseEvidenceSTRFS = allTreeChecked !== "''" ? ' and 证据使用情况=' + allTreeChecked : ''
    },
    // 无效证据  证据使用情况
    handleCheckChangeEvidenceUseWX(data, item) {
      // const allTreeChecked = this.$refs.evidenceUseEvidenceRefWX.getCheckedNodes()
      // this.evidenceUseEvidenceSTRWX = this.treeFilter(allTreeChecked, '证据使用情况')
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceUseEvidence, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.evidenceUseEvidenceSTRWX = allTreeChecked !== "''" ? ' and 证据使用情况=' + allTreeChecked : ''
    },
    // 外观证据  证据使用情况
    handleCheckChangeEvidenceUseWG(data, item) {
      console.log('外观证据')
      // const allTreeChecked = this.$refs.evidenceUseEvidenceRefWG.getCheckedNodes()
      // this.evidenceUseEvidenceSTRWG = this.treeFilter(allTreeChecked, '证据使用情况')
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceUseEvidence, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.evidenceUseEvidenceSTRWG = allTreeChecked !== "''" ? ' and 证据使用情况=' + allTreeChecked : ''
    },
    // 司法判决证据  证据使用情况
    handleCheckChangeEvidenceUseSF(data, item) {
      // const allTreeChecked = this.$refs.evidenceUseEvidenceRefSF.getCheckedNodes()
      // this.evidenceUseEvidenceSTRSF = this.treeFilter(allTreeChecked, '证据使用情况')
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceUseEvidence, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.evidenceUseEvidenceSTRSF = allTreeChecked !== "''" ? ' and 证据使用情况=' + allTreeChecked : ''
    },
    // 复审证据  证据-证据阶段
    handleCheckChangeEvidenceFS(data, item) {
      // const allTreeChecked = this.$refs.evidenceStageRefFS.getCheckedNodes()
      // this.EvidenceStrFS = this.treeFilter(allTreeChecked, '证据阶段')
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceStage, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.EvidenceStrFS = allTreeChecked !== "''" ? ' and 证据阶段=' + allTreeChecked : ''
    },
    // 无效证据  证据-证据阶段
    handleCheckChangeEvidenceWX(data, item) {
      console.log('9999')
      // const allTreeChecked = this.$refs.evidenceStageRefWX.getCheckedNodes()
      // this.EvidenceStrWX = this.treeFilter(allTreeChecked, '证据阶段')

      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceUseEvidence, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.EvidenceStrWX = allTreeChecked !== "''" ? ' and 证据阶段=' + allTreeChecked : ''
    },
    // 外观证据  证据提出阶段：
    handleChangEevidenceStageWgzj(data, item) {
      // 数据 格式
      // 证据分类= '出版物证据_专利文献','出版物证据_具有版权标识的出版物'
      // const allTreeChecked = this.$refs.evidenceStageWgzjRef.getCheckedNodes()
      // this.EevidenceStageSTRWgzj = this.treeFilter(allTreeChecked, '证据提出阶段')

      // /数据格式
      // /证据阶段='复审委员会_无效审查意见通知书'
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.evidenceStageWgzj, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.EevidenceStageSTRWgzj = allTreeChecked !== "''" ? ' and 证据阶段=' + allTreeChecked : ''
    },
    // 司法判决证据  证据分类
    handleNodeClickLawStyleViewSF(data, item) {
      // 当前选中的所有节点
      console.log('9999司法判决证据  证据分类', item)
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.lawStyleViewData, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.lawStyleViewStrSF = allTreeChecked !== "''" ? ' and 证据分类=' + allTreeChecked : ''
    },
    // 无效证据  证据分类
    handleNodeClickLawStyleViewW(data, item) {
      // 当前选中的所有节点
      console.log('9999无效证据  证据分类', item)
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.lawStyleViewData, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.lawStyleViewStrWX = allTreeChecked !== "''" ? ' and 证据分类=' + allTreeChecked : ''
    }, // /证据分类拼接
    appendLabel(arr, arr1, parentLabel) {
      arr.forEach((itemObj) => {
        arr1.forEach((item) => {
          if (itemObj.id === item) {
            if (itemObj.children) {
              this.appendLabel(itemObj.children, arr1, parentLabel ? `${parentLabel}_${itemObj.label}` : itemObj.label)
            } else {
              this.EvidenceTreeRes += parentLabel ? `${parentLabel}_${itemObj.label},` : `${itemObj.label},`
            }
          }
        })
      })
      this.EvidenceTreeRes += ','
    },
    // 复审证据  证据分类
    handleNodeClickLawStyleViewF(data, item) {
      console.log('9999复审证据  证据分类', item)
      // 当前选中的所有节点
      this.EvidenceTreeRes = "'"
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]
      this.appendLabel(this.lawStyleViewData, arrDataSelect, null)
      let allTreeChecked = this.EvidenceTreeRes.replace(/\,{1,}/g, "','")
      allTreeChecked = allTreeChecked.substring(0, allTreeChecked.length - 2)
      this.lawStyleViewStrFS = allTreeChecked !== "''" ? ' and 证据分类=' + allTreeChecked : ''
    },
    // 无效证据  证据目的
    handleChangePurposeEvidenceWX() {
      // 当前选中的所有节点
      const allTreeChecked = this.$refs.purposeEvidenceRefWX.getCheckedNodes()
      this.purposeEvidenceSTRWX = this.treeFilter(allTreeChecked, '证据目的')
    }, // 复审证据  证据目的
    handleCheckChangePurposeEvidenceFS() {
      const allTreeChecked = this.$refs.purposeEvidenceRefFS.getCheckedNodes()
      this.PurposeEvidenceStrFS = this.treeFilter(allTreeChecked, '法律条款')
    },
    // 外观证据   证据目的
    handleChangePurposeEvidenceWG() {
      const allTreeChecked = this.$refs.purposeEvidenceRefWG.getCheckedNodes()
      this.purposeEvidenceSTRWG = this.treeFilter(allTreeChecked, '法律条款')
    },
    // 司法判决证据   证据目的
    handleChangePurposeEvidenceSF() {
      const allTreeChecked = this.$refs.purposeEvidenceRefSF.getCheckedNodes()
      this.purposeEvidenceSTRSF = this.treeFilter(allTreeChecked, '法律条款')
    },

    // 外观证据   证据三性认定结论
    handleChangeEvidenceListWG(data, item) {
      // this.evidenceThreeReultListSTRWG

      this.appendLabelResultFilter(item, this.evidenceThreeReultList, 'evidenceThreeReultListSTRWG')
    }, // 司法判决证据   证据三性认定结论
    handleChangeEvidenceListSF(data, item) {
      // this.evidenceThreeReultListSTRSF
      this.appendLabelResultFilter(item, this.evidenceThreeReult, 'evidenceThreeReultListSTRSF')
    },
    appendLabelResultFilter(item, data, name) {
      this.EvidenceTreeResResult3 = ''
      const arrDataSelect = [...item.halfCheckedKeys, ...item.checkedKeys]

      this.appendLabelResult3(data, arrDataSelect, null)
      var t1 = this.EvidenceTreeResResult3.substring(0, this.EvidenceTreeResResult3.lastIndexOf(','))
      var t2 = this.EvidenceTreeResResult3.substring(this.EvidenceTreeResResult3.lastIndexOf(',') + 1, this.EvidenceTreeResResult3.length)
      this.EvidenceTreeResResult3 = t1 + t2
      this.EvidenceTreeResResult3 = this.EvidenceTreeResResult3.replace(',or', 'or')
      this.EvidenceTreeResResult3 = this.EvidenceTreeResResult3.replace(/(or){1,}/g, ' or ')
      this.EvidenceTreeResResult3 = this.EvidenceTreeResResult3.substring(0, this.EvidenceTreeResResult3.length - 3)
      const result = ' and (' + this.EvidenceTreeResResult3 + ')'
      this.evidenceThreeReultListSTRSF = name === 'evidenceThreeReultListSTRSF' ? result : ''
      this.evidenceThreeReultListSTRWX = name === 'evidenceThreeReultListSTRWX' ? result : ''
      this.evidenceThreeReultListSTRWG = name === 'evidenceThreeReultListSTRWG' ? result : ''
    },
    appendLabelResult3(arr, arr1, parentLabel) {
      arr.forEach((itemObj) => {
        arr1.forEach((item) => {
          if (itemObj.id === item) {
            if (itemObj.children) {
              console.log('childrentrue', itemObj)
              console.log('childrentrue', itemObj.label)
              this.appendLabelResult3(itemObj.children, arr1, parentLabel ? `${parentLabel}${itemObj.label}` : itemObj.label)
            } else {
              console.log('childrenfalse', itemObj.label)
              console.log('EvidenceTreeResResult3', this.EvidenceTreeResResult3)
              console.log('parentLabel', parentLabel)
              if (this.EvidenceTreeResResult3.indexOf(parentLabel) >= 0) {
                this.EvidenceTreeResResult3 += "'" + itemObj.label + "',"
              } else {
                this.EvidenceTreeResResult3 += parentLabel ? `${parentLabel}='${itemObj.label}'` : itemObj.label
                this.EvidenceTreeResResult3 += ','
                console.log('123', this.EvidenceTreeResResult3)
              }
            }
          }
        })
      })
      // this.EvidenceTreeResResult3 = this.EvidenceTreeResResult3.replace('or', '')
      this.EvidenceTreeResResult3 += 'or'
    },
    // 无效证据 证据三性认定结论
    handleChangeEvidenceListWX(data, item) {
      // this.evidenceThreeReultListSTRWX
      this.appendLabelResultFilter(item, this.evidenceThreeReultList, 'evidenceThreeReultListSTRWX')
    },
    // 复审证据   著录项
    searchChangeF(form, name) {
      let resultSearch = ''
      const searchList = {
        mainStyleNo: '主分类号',
        lawRoom: '案源处室',
        name: '全文关键字',
        appDate: '申请日',
        date: '决定日'
      }
      for (const key in form) {
        if (Array.isArray(form[key])) {
          // 数组
          let decideDay = ''
          form[key].forEach((item) => {
            decideDay += `'${item}',`
          })
          console.log('decideDay-------------', decideDay)
          resultSearch += `${searchList[key]}=[${decideDay.replace(/\,$/, '')}] and `
        } else {
          if (form[key] !== '') {
            resultSearch += form[key] ? searchList[key] + "='%" + form[key] + "%' and " : ''
          }
        }
      }
      resultSearch = resultSearch ? `${resultSearch.replace(/and$/, '')}` : resultSearch
      // this.searchDataText = resultSearch
      // this.name = resultSearch
      this.searchDataTextF = name === 'searchDataTextF' ? resultSearch : ''
      this.searchDataTextW = name === 'searchDataTextW' ? resultSearch : ''
      this.searchDataTextWG = name === 'searchDataTextWG' ? resultSearch : ''
      this.searchDataTextSF = name === 'searchDataTextSF' ? resultSearch : ''
    },
    handleClick(tab, event) {
         console.log(`-------------- handleClick in ---------------------`)
         //console.log(tab, event);
         //console.log(tab.name);
         if(tab.index == 0){
            this.currPaneName = "fushen";
         }else if(tab.index == 1){
            this.currPaneName = "wuxiao";
         }else if(tab.index == 2){
            this.currPaneName = "waiguan";
         }else if(tab.index == 3){
            this.currPaneName = "panjue";
         }
         console.log(`-------------- this.currPaneName ---------------------`)
         console.log(this.currPaneName)
    },
    /*
       * 1. 功能说明：检索
       * 2. 参数说明
       *    params:{keyWord:''，dataSource-数据类型[fushen,waiguan,wuxiao,susong], exp-表达式:xxx}
       */
    async _buildSearch() {
      console.log(`-------------- _buildSearch in ---------------------`)
      let viewExpression = '';                        // 表达式
      if(this.currPaneName == "fushen"){              // 复审法律问题
           viewExpression = this.expressionResFS;
      }else if(this.currPaneName == "wuxiao"){        // 无效法律问题
           viewExpression = this.expressionResWX;
       }else if(this.currPaneName == "waiguan"){      // 外观法律问题
           viewExpression = this.expressionResWG;
       }else if(this.currPaneName == "susong"){      // 司法判决法律问题
           viewExpression = this.expressionResSF;
       }
       
      console.log(`-------------- _buildSearch 3 ---------------------`)
       console.log(viewExpression)
       viewExpression = viewExpression.trim();    // DLJ APPEND 20210909
      if(viewExpression == null || viewExpression.trim() == ""){
          this.$message("提示：请您选择或输入想要的[检索条件]。");
          return false;
      }

      const { code,data } = await buildSearch({ keyWord: '', dataSource: this.paneName, exp: viewExpression }) /* 获取专利法树形结构 */
      console.log(code)
      console.log(data.expId)

      if(code == 200){      
          console.log("-------- _buildSearch 表达式调用后台接口检验成功！_buildSearch ---------------");
          console.log("expId:" + data.expId + ";exp:"  + viewExpression);

          // 跳转到[概览]列表显示界面
          this.$router.push({ 
             path: '/pages/list', 
             query: { 
                 expList: JSON.stringify(data),
                 dataSource: this.paneName
             }
          })

      }
    }
  }

}
</script>
<style lang="scss">
$main-color: #303133;
$blue-color: #2d54b8;
$border-color: #dcdfe6;
.evidence-content {
  .el-tabs--border-card {
    border: 0;
    border-radius: 6px;
    box-shadow: none;
  }
  .el-tabs__item {
    padding: 0 14px;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item {
    border: 1px solid $border-color;
    margin-top: 0;
    color: $blue-color;
    border-radius: 6px 6px 0 0;
    margin-right: 10px;
    border-bottom: 0;
    background-color: #ebeef5;
    font-size: 16px;
  }
  .el-tabs--border-card > .el-tabs__header {
    background-color: #f7f7f7;
    margin-top: -1px;
    border-bottom: 1px solid $border-color;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    color: $main-color;
    background-color: #fff;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
  .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: 0;
  }
  .el-tabs--border-card > .el-tabs__content {
    border-left: 1px solid $border-color;
    border-right: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    padding: 20px;
  }
}
.evidence-content {
  .evidence-form {
    margin-top: 20px;
  }
  .el-input__inner {
    height: 36px;
    line-height: 36px;
    border: 1px solid $border-color;
    background-color: #fafafa;
    font-size: 16px;
  }
  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    background-color: #fafafa;
    font-size: 16px;
  }
  .el-date-editor .el-range-input {
    width: 43%;
  }
}
.evidence-submit-btn {
  .el-form-item__content {
    font-size: 16px;
    text-align: center;
    margin: 0 auto !important;
  }
  .el-button {
    padding: 10px 12px;
    color: $main-color;
    i {
      margin-right: 10px;
    }
  }
  .el-button--primary {
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
  }
}
.evidence-content {
  margin-top: 20px;
  .el-form-item {
    min-height: 40px;
    margin-bottom: 18px;
  }
  .el-form-item__label,
  .el-input__inner {
    font-size: 14px;
    color: $main-color;
    font-weight: normal;
  }
  .el-range-editor.el-input__inner {
    width: 100%;
  }
}
.evidence-main-form-item-con {
  .el-checkbox {
    float: left;
  }
  .legal-pane__card {
    width: 570px;
    border-color: #dedfe6 !important;

    &--arrow {
      transform: rotate(90deg);
    }
  }
}
.evidence-main-form-item-conner {
  .el-tree-node__label,
  .el-radio__label {
    font-size: 14px;
  }
  ::-webkit-scrollbar {
    width: 5px;
    height: 110px;
    background-color: #dcdfe6;
  }
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #fff;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #dcdfe6;
    background-color: #dcdfe6;
  }
}
.evidence-main-item {
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: $blue-color;
    border-color: $blue-color;
  }
  .el-card {
    border: 0;
    border-top: 1px solid #e3e6ed;
    border-bottom: 1px solid #e3e6ed;
    padding: 6px 0;
  }
  .evidence-main-form-item-content .el-card {
    border: 0;
  }
  .el-card__body {
    padding: 0;
  }
  .el-tree-node__content {
    height: 32px !important;
    line-height: 32px;

  }
}
</style>
<style lang="scss" scoped>
$main-color: #303133;
$blue-color: #2d54b8;
$border-color: #dcdfe6;
.evidence-wrapper,
button,
input,
optgroup,
select,
textarea {
  font-family: "PingFang SC", Microsoft YaHei, Arial, sans-serif !important;
}
.evidence-wrapper {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
  color: $main-color;
  font-size: 14px;
}
.evidence-title {
  margin-top: 20px;
  overflow: hidden;
  .evidence-title-l {
    font-size: 22px;
    float: left;
  }
}
.evidence-filter-title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  height: 16px;
  line-height: 16px;
  padding-left: 14px;
  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 4px;
    height: 100%;
    background-color: $blue-color;
  }
}
.evidence-filter {
  .evidence-filter-params {
    margin: 20px 0 0 14px;
    overflow: hidden;
    .evidence-filter-params-label {
      float: left;
      margin-right: 14px;
      height: 36px;
      line-height: 36px;
      color: #606266;
      font-size: 14px;
    }
  }
  .evidence-filter-params-t {
    .el-autocomplete {
      float: left;
      margin-right: 20px;
      width: 60%;
    }
    .el-button {
      float: left;
      margin: 0 20px 0 0;
      padding: 10px 20px;
      font-size: 14px;
    }

    i {
      margin-right: 10px;
    }
  }

  .evidence-filter-tips {
    margin: 20px 0 0 14px;
    background-color: #ebeef5;
    color: $blue-color;
    max-height: 200px;
    overflow: auto;
    line-height: 1.5;
    padding: 10px 20px;
    font-size: 14px;
    .evidence-filter-tips-text {
      float: left;
    }
    .evidence-filter-tips-edit {
      float: right;
      color: $blue-color;
      cursor: pointer;
      i {
        margin-right: 10px;
        font-size: 14px;
      }
      &:hover,
      &:focus {
        color: #5176c1;
      }
    }
  }
}
.evidence-content {
  position: relative;
  .evidence-more-btn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    color: $blue-color;
    font-size: 14px;
    i {
      margin-left: 10px;
      transform: rotate(-90deg);
      font-size: 12px;
      font-weight: 700;
    }
  }
}
.evidence-body {
  margin: 0 0 10px 0;
  .evidence-submit-btn {
    margin-bottom: -10px;
  }
  .evidence-item {
    margin-bottom: 20px;
  }
}
// 中间内容
.evidence-main {
  margin: 20px auto;
}
.evidence-main-item {
  border: 1px solid #dbdee5;
  overflow: hidden;
  .evidence-main-title {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dbdee5;
    .evidence-main-title-l {
      float: left;
    }
    .evidence-main-title-r {
      float: right;
      color: $blue-color;
      i {
        margin-left: 8px;
      }
      &:hover {
        cursor: pointer;
        color: #409eff;
      }
      &.is-active {
        i {
          transform: rotate(180deg);
        }
      }
    }
  }
  .evidence-main-form {
    margin: 10px 20px;
  }
  .evidence-main-form-item {
    line-height: 34px;
    overflow: hidden;
    .evidence-main-form-item-label {
      float: left;
    }
    .evidence-nofloat {
      float: none;
    }
    .evidence-main-form-item-con {
      color: #616266;
      float: left;
      margin-left: 12px;
    }
    .evidence-main-form-item-conner {
    }
  }
}
</style>
<style scoped>
/deep/.treeCheckbox.el-tree > .el-tree-node > .el-tree-node__content .el-checkbox {
    display: none;
}
</style>